// app global css
//@import "HYJinKaiJ-embed.css"
//@import "iconfont.css"
@import '~variables'

//启用字体平滑
body
  -webkit-font-smoothing antialiased!important

//去除链接下划线
a
  text-decoration none

//标题样式
h1
  font-weight initial

h2
  margin 0
  line-height initial

h3
  margin 0
  line-height initial


//字体样式
.size-12
  font-size 12px!important

.size-14
  font-size 14px!important

.size-16
  font-size 16px!important

.size-18
  font-size 18px!important

.size-20
  font-size 20px!important

.size-22
  font-size 22px!important

.size-24
  font-size 24px!important

.size-26
  font-size 26px!important

.size-28
  font-size 28px!important

.size-32
  font-size 32px!important

.size-36
  font-size 36px!important

.size-40
  font-size 40px!important

.size-48
  font-size 48px!important

.size-56
  font-size 48px!important

.bold
  font-weight bold

//文字阴影样式
.text-shadow-white
  text-shadow 1px 1px 1px #fff

.text-shadow-dark
  text-shadow 1px 1px 1px #666

.text-shadow-black
  text-shadow 1px 1px 1px #000

.no-text-shadow
  text-shadow none!important

//图片居中样式
.img-center
  img
    max-width 100%
    display:block;margin:0 auto

//内容文本样式
.text-content
  line-height 1.8em
  font-size 18px
  img
    max-width 100%
    display:block;margin:0 auto
  p
    line-height 1.8em!important
    font-size 18px
  h1
    font-size 32px
    margin 10px 0
  h2
    font-size 24px
    margin 8px 0
  h3
    font-size 20px
    margin 6px 0
  @media screen and (max-width 800px)
    line-height 1.8em
    font-size 16px
    p
      line-height 1.6em!important
      font-size 16px
    h1
      font-size 28px
    h2
      font-size 22px
    h3
      font-size 18px


//阴影样式
.shadow-light
  box-shadow 0 0 5px #e9e9e9

.shadow-light-1
  box-shadow 0 1px 3px #ddd


//边线样式
.no-border-radius
  border-radius 0!important

.border-radius-round
  border-radius 50%

.border-radius-3
  border-radius 3px

.border-radius-4
  border-radius 4px

.border-radius-5
  border-radius 5px

.border-radius-6
  border-radius 6px

.border-top-1
  border-top 1px solid #ddd!important

.border-top-1-eee
  border-top 1px solid #eee!important

.border-top-2
  border-top 1px solid #ddd!important

.border-top-2-eee
  border-top 1px solid #eee!important

.border-left-1
  border-left 1px solid #ddd!important

.border-left-1-eee
  border-left 1px solid #eee!important

.border-left-2
  border-left 2px solid #ddd!important

.border-left-2-eee
  border-left 2px solid #eee!important

.border-bottom-1
  border-bottom 1px solid #ddd!important

.border-bottom-1-eee
  border-bottom 1px solid #eee!important

.border-bottom-2
  border-bottom 2px solid #ddd!important

.border-bottom-2-eee
  border-bottom 2px solid #eee!important

.border-1
  border 1px solid #ddd!important

.border-3-333
  border 3px solid #333!important

.border-1-eee
  border 1px solid #eee!important

.border-2
  border: 2px solid #ddd!important

//链接样式
.link
  color $light-blue-10
  cursor pointer

.link:hover
  color $primary!important

list-link
  color $grey-10

.list-link:hover
  color $negative!important

.title-link
  font-weight bold
  size 18
  color #000

.title-link:hover
  color $negative!important

//背景样式
.bg-img-center
  background-repeat no-repeat
  background-position center
  background-size cover

.bg-center
  background-position center

//新按钮样式
.button-tag
  padding 4px 8px!important
  min-height inherit

.button-dense
  min-height 1em!important

.scrollbar {
  ::-webkit-scrollbar-thumb {
    background-color: #ddd !important;
    cursor: pointer !important;
  }
  ::-webkit-scrollbar {
    width: 6px !important;
    height: 6px !important;
    //border-color: red!important;
  }
}

